<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>优惠券</title>
    <link rel="stylesheet" href="../assets/css/jquery.mobile-1.4.5.min.css">
    <script src="../assets/js/jquery-1.11.1.min.js"></script>
    <script src="../assets/js/jquery.mobile-1.4.5.min.js"></script>
    <script>
        setTimeout('showLoader()', 100);//这里要延迟一下，直接调用无法显示加载器
        //显示加载器.for jQuery Mobile 1.2.0
        function showLoader() {
            $.mobile.loading('show', {
                text: '正在加载中...', //加载器中显示的文字
                textVisible: true, //是否显示文字
                theme: 'a',        //加载器主题样式a-e
                textonly: false,   //是否只显示文字
                html: ""           //要显示的html内容，如图片等
            });
        }
        //隐藏加载器.for jQuery Mobile 1.2.0
        function hideLoader() {
            $.mobile.loading('hide');
        }
        window.onload = function () {
            hideLoader();
            setTimeout('hideLoader()', 800);//延迟5秒，模拟图片和多媒体加载耗时
        }
        $(document).ready(function () {
            //setTimeout('hideLoader()', 5000);//延迟5秒，模拟页面请求数据耗时，ajax异步请求等放在这里
        })
    </script>
    <link rel="stylesheet" href="../css/myCoupon.css">
    <link rel="stylesheet" href="../common/common.css">
    <!--<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>  &lt;!&ndash;微信js接口引入&ndash;&gt;-->
    <script src="../assets/js/jweixin-1.2.0.js"></script>  <!--微信js接口引入-->
    <script src="../common/sprintf.js"></script>
    <script src="../common/underscore-min.js"></script>
    <script src="../config.js"></script>
</head>
<body>
</div>
<div data-role="page" class="page">
    <div data-role="header" class="coupon-header">
        <div class="banner">
            <!--<div class="coupon-edit-data" id="coupon_check_rule">
                <span>使用规则</span> <img src="../assets/img/ico_rule.png" alt="网络故障">
            </div>-->
            <div class="register-prompt">
                <p class="prompt-text">您还没有注册，绑定手机号注册就送优惠券</p>
                <div class="none-register-prompt">
                    <a id="toRegister">立即注册</a>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <div data-role="content" class="coupon-content" id="coupon_content">
        <div class="none-coupon-display">
            <div class="none-coupon-img"><img src="../assets/img/defalt_coupon.png" alt=""></div>
            <div class="defalt-describe">没有优惠券，不开心</div>
            <div class="tobuy-coffee to-buy">
                <button type="button" id="buy_coffee" class="buy_coffee">先去喝杯咖啡</button>
            </div><div class="tobuy-coffee to-register">
                <button type="button" id="to_register" class="buy_coffee">注册就送券</button>
            </div>
        </div>
            <!--<div class="coupon-item" coupon-no="123456" privilege="2">
                <img class="coupon-img" src="../assets/img/img_summer.png" alt="图片加载错误">
                <div class="coupon-categ">
                    <div class="coupon-title">夏日冰爽券</div>
                    <div class="coupon-date">有效期至2017-08-02</div>
                </div>
                <div class="coupon-price"><span class="coupon-rmb-lab">¥ </span><span>2.00</span></div>
            </div>
            <div class="coupon-item" coupon-no="123456" privilege="2">
                <img class="coupon-img" src="../assets/img/img_birthday.png" alt="图片加载错误">
                <div class="coupon-categ">
                    <div class="coupon-title">生日Party券</div>
                    <div class="coupon-date">有效期至2017-08-02</div>
                </div>
                <div class="coupon-price"><span class="coupon-rmb-lab">¥ </span><span>2.00</span></div>
            </div>
            <div class="coupon-item" coupon-no="123456" privilege="2">
                <img class="coupon-img" src="../assets/img/img_friend.png" alt="图片加载错误">
                <div class="coupon-categ">
                    <div class="coupon-title">好基友券</div>
                    <div class="coupon-date">有效期至2017-08-02</div>
                </div>
                <div class="coupon-price"><span class="coupon-rmb-lab">¥ </span><span>2.00</span></div>
            </div>
            <div class="coupon-item" coupon-no="123456" privilege="2">
                <img class="coupon-img" src="../assets/img/img_bestie.png" alt="图片加载错误">
                <div class="coupon-categ">
                    <div class="coupon-title">好闺蜜券</div>
                    <div class="coupon-date">有效期至2017-08-02</div>
                </div>
                <div class="coupon-price"><span class="coupon-rmb-lab">¥ </span><span>2.00</span></div>
            </div>
            <div class="coupon-item" coupon-no="123456" privilege="2">
                <img class="coupon-img" src="../assets/img/img_bestie.png" alt="图片加载错误">
                <div class="coupon-categ">
                    <div class="coupon-title">好闺蜜券</div>
                    <div class="coupon-date">有效期至2017-08-02</div>
                </div>
                <div class="coupon-price"><span class="coupon-rmb-lab">¥ </span><span>2.00</span></div>
            </div>-->
    </div>
    <!--<div class="unavailable">
        <img src="../assets/img/ico_bukeyong.png" alt="">
        <span>不可用原因</span>
    </div>-->
</div>
<script src="../assets/js/fontAdjust.js"></script>
<script src="../js/myCoupon.js"></script>
</body>
</html>